<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../c/aui.css" />
    <link rel="stylesheet" type="text/css" href="../c/suxiangw.css" />
    <style>
        body {
            background-color: transparent;
        }
    </style>
</head>
<body>
</body>
<script type="text/javascript" src="../j/api.js"></script>
	<script type="text/javascript" src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    var UICityList
    apiready = function() {
		urls();
      UICityList = api.require('UICityList');
      view()
    }
    function view() {
			UICityList.open({
				rect : {
					x : 0,
					y : 0,
					w : api.frameWidth,
					h : api.frameHeight
				},
				resource: 'widget://www_suxiangw_com/res/UICityList.json',
				styles : {
					searchBar : {
            height: 40,                 //（可选项）数字类型；搜索框区域高度；默认：40
            bgColor: '#161823',         //（可选项）字符串类型；搜索条背景色，支持 rgb、rgba、#；默认：'#696969'
            cancelColor: '#C2C2C2',     //（可选项）字符串类型；取消文字颜色，支持 rgb、rgba、#，默认：'#E3E3E3'
            contentBgColor: '#161823',    //（可选项）字符串类型；搜索框输入区域背景色
            cancelText: '取消',          //(可选项) 字符串类型；取消按钮的文本；默认：'取消'；此参数只在android平台有效
            cancelSize: 14,          //(可选项) 数字类型；取消按钮的文本大小；默认：15；此参数只在android平台有效
            corner:4,                   //（可选项）数字类型；输入框圆角大小；默认：8
            searchIconLeft:4,           //（可选项）数字类型；输入框内图标左间距；默认：0
            searchIconTop:4,            //（可选项）数字类型；输入框内图标上间距；默认：0
            hidden: false,
            placeholderColor:'#C2C2C2',
            placeholderSize:14
					},
					location : {
						color : '#C2C2C2',
						size : 12
					},
					sectionTitle : {
						bgColor : '#22222E',
						color : '#C2C2C2',
						size : 12,
            height:40
					},
					item : {
						bgColor : '#141420',
						activeBgColor : '#323250',
						color : '#C2C2C2',
            boardColor: '#141420',
						size : 14,
						height : 40
					},
					indicator : {
						bgColor : '#141420',
						color : '#C2C2C2'
					},
          hotCity: {                      //（可选项）JSON对象；热门城市矩阵分布样式配置，若不传则表示热门城市呈列表显示
              column: 3,                  //（可选项）数字类型；每行显示列数；默认：5
              width: 100,                  //（可选项）数字类型；按钮的宽；默认：48
              height: 45,                 //（可选项）数字类型；按钮的高；默认：30
              interval: 15,               //（可选项）数字类型；按钮排列行间距；默认：20
              corner: 2,                 //（可选项）数字类型；按钮圆角大小；默认：15
              titleSize:14,                 //（可选项）数字类型；按钮字体大小；默认：15
              iconSize:18,                  //（可选项）数字类型；按钮图片大小；默认：18
              color: '#C2C2C2',              //（可选项）字符串类型；标题常态时的颜色，支持rgb、rgba、#；默认：#000
              borderColor: '#161823',        //（可选项）字符串类型；按钮边框的颜色，支持rgb、rgba、#；默认：#000
              bgColor: '#22222E',            //（可选项）字符串类型；按钮背景的颜色，支持rgb、rgba、#；默认：#fff
              background: '#141420',         //（可选项）字符串类型；热门区域的背景色，支持rgb、rgba、#；默认：#fff
              titleBgColor: '#161823',       //（可选项）字符串类型；热门区域标题的背景色，支持rgb、rgba、#；默认：#EEEEEE
              active: '#f00'              //（可选项）字符串类型；按钮点击高亮状态色值，支持rgb、rgba、#；默认：#f00
          },
          searchEmptyView: {             //JSON对象；搜索结果为空时显示效果配置
             image: {              //JSON对象；图片配置
                path:'',             //字符串类型；图片路径，要求本地路径（fs://、widget://）；不传则不显示
                w:'',                //数字类型；图片宽；默认：100
                h:'',                //数字类型；图片高；默认：80
                marginB:''           //数字类型；图片下边距离模块下边距离；默认：自适应上下居中显示
             },
             title: {              //JSON对象；提示文字配置
                content:'搜索结果是空的',          //字符串类型；提示文字内容；不传则不显示
                size:18,             //数字类型；提示文字大小；默认：14
                color:'#f00',            //字符串类型；提示文字颜色；默认：#00BFFF
                interval:18         //数字类型；与图片的间距；默认：15
             }
          }
				},
				hotTitle : '推荐',
				fixedOn : api.frameName,
				placeholder : '输入城市名或首字母查询',
        currentCity: _city() ? _city() : '定位失败',
        locationWay:'当前定位',
			}, function(ret, err) {
				if (ret) {
					if (ret.eventType == "selected") {
					  console.log(ret.cityInfo.city);
            if(ret.cityInfo.city == '定位失败'){
              return;
            }
            // _setPrefs('city', ret.cityInfo.city);
            _setPrefs('_city', ret.cityInfo.city);
            api.execScript({
              name : 'tongcheng_win',
    					frameName: 'tongcheng',
    				  script: 'api.refreshHeaderLoading();'
    				});
            _close();
					}
				} else {
					_alert(JSON.stringify(err));
				}
			});
    }
</script>
</html>
